|
Web development tools allow web developers to test and debug their code. They are different from website builders and IDEs in that they do not assist in the direct creation of a webpage, rather they are tools used for testing the user facing interface of a website or web application. Web development tools come as browser add-ons or built in features in web browsers. The most popular web browsers today like, Google Chrome, Firefox, Opera, Internet Explorer, and Safari〔http://www.fraakz.com/top-web-browsers-in-2012.html〕 have built in tools to help web developers, and many additional add-ons can be found in their respective plugin download centers. Web development tools allow developers to work with a variety of web technologies, including HTML, CSS, the DOM, JavaScript, and other components that are handled by the web browser. Due to the increasing demand from web browsers to do more〔http://www.brighthub.com/internet/web-development/articles/25776.aspx〕 popular web browsers have included more features geared for developers.〔http://devworks.thinkdigit.com/Software/Browsers-are-the-new-IDE-for-Web_9995.html〕 == Web developer tools support == The web's five most popular web browsers〔http://www.webdevelopersnotes.com/articles/popular-web-browsers.php〕 have support for web developer tools that allows web designers and developers to take a look at the make up of their pages. These are all tools that are built into the browser and do not require additional modules or configuration. * Google Chrome – ''Web Developer Tools''〔https://developers.google.com/chrome-developer-tools/docs/overview〕 * Internet Explorer – ''F12 Web Developer Tools'' (As of version 8)〔http://msdn.microsoft.com/en-us/library/ie/hh673541(v=vs.85).aspx〕 * Safari – ''Safari Web Development Tools''〔https://developer.apple.com/technologies/safari/developer-tools.html〕 (As of version 3)〔Safari version history〕 * Firefox – F12 ''Web Console / Browser Console'' (since Firefox 4)〔https://hacks.mozilla.org/2013/08/the-browser-console/〕〔https://developer.mozilla.org/en-US/docs/Tools/Web_Console〕 (many addons also exist,〔http://tips.webdesign10.com/web-developer-toolbar.htm〕 including Firebug) * Opera – ''Opera Dragonfly''〔http://www.opera.com/dragonfly/〕 抄文引用元・出典: フリー百科事典『 ウィキペディア(Wikipedia)』 ■ウィキペディアで「Web development tools」の詳細全文を読む スポンサード リンク
|